<template>
    <div class="header">
        <div class="header-left" @click="toHome()">
            <i class="iconfont">&#xe624;</i>
        </div>
        <div class="header-title">
            城市选择
        </div>
    </div>
</template>
<script>
export default{
    methods:{
        toHome(){
            this.$router.push("/")
        }
    }
}
</script>
<style scoped lang="stylus">
@import '~css/var.styl';
    .header{
        width:100%;
        line-height: 0.88rem;
        background: $bgColor;
        font-size: 0.32rem;
        color: #fff;
        position:relative;
    }
    .header-left{
        width: 0.4rem;
        font-weight: 600;
        padding:0 0.2rem;
        text-align: center;
        position:absolute;
    }
    .header-title{
        text-align:center
    }
</style>